<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<link rel="stylesheet" href="./Public/css/content.css" />
	<script src="./Public/js/jquery-1.8.2.min.js"></script>
	<script type="text/javascript" src="./Public/js/js.js"></script>
	<title>Document</title>
</head>
<body>
	<div id="topHui">
	<div class="topHui_c">
		<div class="topHui_c_l">
			<div class="welcome">
				<span class="huanying">您好,</span>
				<span class="huanying">欢迎光临凡客诚品!</span>
				&nbsp;
				<span class="denglu">
					<a href="" style="margin-right:16px;">登录</a>&nbsp;<span class="xsx"></span>&nbsp;<a href="">注册</a>
				</span>
			</div>
			<div class="fuwu">
				<span class="ding" style="margin_right:16px;">我的订单</span>
				<span class="shou">收藏本站</span>
			</div>
		</div>
		<!-- 右 -->
		<div class="topHui_c_r">
			<div class="wode">
				<a href="">我的凡客</a>
				<div class="kz"></div>
				
				<span class="xsx"></span>

			</div>
			<div class="bangzhu">
			<div class="kz"></div>
				<a href="">帮助中心</a>
				<span class="xsx"></span>
			</div>

			<div class="gonggao">
			<div class="kz"></div>
				<a href="">网站公告</a>
				<span class="xsx"></span>
			</div>

			<div class="shouji">
				<span class="tubiao"></span>
				<a href="">手机凡客</a>
			</div>
			
			<div class="kefu">
				<img src="./images/kefu.png" alt="" />
				<a href="">在线客服</a>
			</div>

			<div class="weibo">
				<img src="images/weixing.jpg" alt="" />
				<img src="images/weibo.jpg" alt="" />
			</div>

		</div>
	</div>
</div>
<!--顶部灰色结束-->
<!--凡客标志区-->
<div id="vancl">
	<div class="vancl_bz"></div>
	<div class="vancl_ssk">
		<div class="shuru">
			<input type="text" placeholder="热搜邢志龙"/>
		</div>
		<div class="sou"></div>
	</div>
	<div class="vancl_gou">
		<div class="gai"></div>
		<div class="xiao">
			您的购物车中没有任何商品
		</div>
		<a href="<?php echo U('Shopcar/index')?>">购物车(0)</a>
	</div>
	<div class="remen">
		热门搜索:
		<a href="">外套</a>
		<a href="">羽绒服</a>
		<a href="">针织衫</a>
		<a href="">免烫衬衫</a>
		<a href="">法兰绒</a>
		<a href="">鞋</a>
	</div>
</div>
<!--凡客标志区结束-->
<!--导航条开始-->
<div id="Dht">
	<div class="fisrt">全部商品分类</div>
	<?php foreach ($cdata as $v){?>
	<?php if($v['pid']==0){?>
                
	<ul class="ul"><?php echo $v['cname']?>
		<li class="li">
			<div class="left">
				<div class="left_l">
					<img src="./images/nan.jpg" alt="" width="140px" height="140px"/>
				</div>
				<div class="left_r">
				     	
				</div>
			</div>
			<div class="xs"></div>
			<div class="right">
				<div class="right_l">
					<img src="./images/nv.jpg" alt="" width="140px" height="140px"/>
				</div>
				<div></div>
			</div>
		</li>
	</ul>
	
               <?php }?>
	<?php }?>
	<ul class="ul">外套
		<li class="li">
			<div class="left"></div>
			<div class="xs"></div>
			<div class="right"></div>
		</li>
	</ul>
	<ul class="ul">衬衫
	<li class="li">
			<div class="left"></div>
			<div class="xs"></div>
			<div class="right"></div>
		</li>
	</ul>
	<!--<ul class="ul">针织衫
	<li class="li">
			<div class="left"></div>
			<div class="xs"></div>
			<div class="right"></div>
		</li>
	</ul>
	<ul class="ul">休闲裤
	<li class="li">
			<div class="left"></div>
			<div class="xs"></div>
			<div class="right"></div>
		</li>
	</ul>
	<ul class="ul">牛仔
	<li class="li">
			<div class="left"></div>
			<div class="xs"></div>
			<div class="right"></div>
		</li>
	</ul>
	<ul class="ul">Nautilus
	<li class="li">
			<div class="left"></div>
			<div class="xs"></div>
			<div class="right"></div>
		</li>
	</ul>
	<ul class="ul">反季断码
	<li class="li">
			<div class="left"></div>
			<div class="xs"></div>
			<div class="right"></div>
		</li>
	</ul>-->
</div>
<!--导航条结束-->
<!--小标题开始-->
<div class="biao">     
	<a href="<?php echo U('Index/index')?>"> 首页<span>></span></a>
	<a href="<?php echo U('List/index')?>">男装<span>></span></a>
	<a href="">西服<span>></span></a>
	<a href="">凡客羊毛西服</a>
	<a href="">手工双面呢A</a>
</div>
<!--小标题结束-->
<!--产品描述-->
<?php foreach ($gdata as $v){?>
<div class="miaoshu">
	<h2><?php echo $v['gname']?></h2>
	
	<ul>
		<li><a href="">产品描述</a></li>
		<li><a href="">评论</a></li>
		<li><a href="">提问</a></li>
	</ul>
</div>
<?php }?>
<!--产品描述结束-->
<!--内容区开始-->
<div class="neirong">
	<div class="sanjiao">
		<span></span>
	</div>
	<?php foreach ($gdata as $v){?>
	<div class="yifu">
		<div class="left">
			<div><a href=""><img src="<?php echo $v['listtu']?>" alt="" width="68" height="68"/></a></div>
			<!--<div><a href=""><img src="" alt="" /></a></div>
			<div><a href=""><img src="" alt="" /></a></div>
			<div><a href=""><img src="" alt="" /></a></div>
			<div><a href=""><img src="" alt="" /></a></div>-->
			<p></p>
		</div>
		
		<div class="right" id="right">
				<div id="kuai"></div>
			   <div id="cover"></div>
			<img src="<?php echo $v['listtu']?>" alt="" width="400" height="400"/>
			</div>
		<div class="right_1" id="right_1"><img src="<?php echo $v['listtu']?>" alt="" width="800" height="800" id="img"/></div>
	</div>
	<?php }?>
	
	
	<form action="" method="post">
		
	<div class="xiangxi">
		<div class="jiage"><span>售价:</span><p>￥<strong><?php echo $gdata[0]['gshang']?></strong></p></div>
		<input type="hidden" name="gshang" value="<?php echo $gdata[0]['gshang']?>"/>
		<input type="hidden" name="gid" value="<?php echo $gdata[0]['gid']?>"/>
		<?php foreach ($shuxing as $k=>$v){?>
		<div class="yanse">
			<span><?php echo $v[0]['naname']?>:</span>
			
			<?php foreach ($v as $vv){?>
			<div class="div sb">
							
				<span style="font-size: 15px;width:36px;height:36px;display: block;"><?php echo $vv['sxzhi']?></span>	
				
				
				<!--<div class="cover"></div>	-->
				<div class="gou" style="display: none;"></div>		
			</div>
			<?php }?>
			<input type="hidden" name="<?php echo $v[0]['naname']?>" value="" class="first"/>
			<!--<div><div></div></div>--> 
		</div>
		<?php }?>
		
		
		
		<div class="shu"><span>数量:</span>
			<div><?php echo $gdata[0]['gnum']?></div>
			<input type="hidden" name="gnum" value="<?php echo $gdata[0]['gnum']?>"/>
		</div>
		
		<div class="xuan"><span>已选:</span>
			<p>黑色</p>
			<a href=""><p style="color: #B81C22;">现在有货</p></a>
		</div>
		
		<div class="zuihou">
			<div class="div1"><a href="">立即购买</a></div>
			<a href="javascript:;" class="a"><input type="button" class="div2" style="width: 160px; height: 36px;"/></a>
		</div>
	</div>
	</form>
</div>
<!--内容区结束-->
<!--介绍区开始-->
<div class="jieshao">
	<h3>产品介绍:</h3>
	<p>最高档手缝双面呢工艺，休闲贴袋西装款式，后开叉，稳重经典，适合高端商务成熟男士。微收腰与贴袋的风格稳重。面料手感细腻，绒感丰富，具有羊绒般的感觉。里料高档，不产生静电。半里穿着舒适，又体现双面绒产品的手缝特色。</p>
	
</div>
<div class="jieshao">
	
	<h3>产品属性:</h3>
	<?php foreach ($shuxing as $v){?>
	<?php foreach ($v as $kk){?>
	<p style="float: left;font-size:15px;">布料:<?php echo $kk['sxzhi']?></p>
	<?php }?>
	<?php }?>
</div>

<div class="tu">
	<img src="./images/shang.jpg" alt="" />
	<img src="./images/xia.jpg" alt="" />
</div>

<div class="jieshao">
	<h3>产品属性:</h3>
	<p>最高档手缝双面呢工艺，休闲贴袋西装款式，后开叉，稳重经典，适合高端商务成熟男士。微收腰与贴袋的风格稳重。面料手感细腻，绒感丰富，具有羊绒般的感觉。里料高档，不产生静电。半里穿着舒适，又体现双面绒产品的手缝特色。</p>
	
</div>



<!--底部开始-->
<div id="bottom">
	<ul>
		<li>关于凡客</li>
		<a href="">公司简介</a>
		<a href="">联系我们</a>
		<a href="">友情链接</a>
		
	</ul>
	<div></div>
	<ul>
		<li>新手指南</li>
		<a href="">账户注册</a>
		<a href="">购物流程</a>
		<a href="">网站地图</a>
	</ul>
	<div></div>
	<ul>
		<li>配送范围及时间</li>
		<a href="">国内配送</a>
		<a href="">订单拆分</a>
	</ul>
	<div></div>
	<ul>
		<li>支付方式</li>
		<a href="">货到付款</a>
		<a href="">在线支付</a>
		<a href="">礼品卡及账户余额</a>
		<a href="">其他支付方式</a>
	</ul>
	<div></div>
	<ul>
		<li>售后服务</li>
		<a href="">退换货政策</a>
		<a href="">退换货办理流程</a>
		<a href="">退换货网上办理</a>
		<a href="">退款说明</a>
	</ul>
	<div></div>
	<ul>
		<li>帮助中心</li>
		<a href="">在线客服</a>
		<a href="">找回密码</a>
		<a href="">隐私声明</a>
	</ul>
</div>
<!--底部结束-->
<!--//底部链接开始-->
<div id="lianjie">
	<div class="yi"><a href=""></a></div>
	<div class="er"><a href=""></a></div>
	<div class="san"><a href=""></a></div>
	<div class="si"><a href=""></a></div>
</div>
<!--底部链接结束-->
<!--底部横线开始-->
<div id="heng">
	<p>Copyright 2007 - 2016 vancl.com All Rights Reserved 京ICP证100557号 京公网安备11011502002400号 出版物经营许可证新出发京批字第直110138号
</p>
</div>
<!--底部横线结束-->
<!--//底部网址开始-->
<div id="wangzhi">
	<a href="" class="xin"></a>
	<a href="" class="huiyuan"></a>
	<a href="" class="jiaoyi"></a>
	<a href="" class="jingying"></a>
	<a href="" class="qinghua"></a>
	<a href="">
		<img src="./images/pinpai.png" alt="" style="width: 120px; height: 39px;"/>
	</a>
</div>


<!--//底部网址结束/-->






</body>
</html>
